Full source code website bán hàng thương mại điện tử gần giống shopee
472.200 lượt xem;
1
2 body {
3 padding: 0;
4 margin: 0;
5 height:auto;
6 font-family:Tahoma, Arial, Helvetica, sans-serif;
7 font-size:14px;
8 color:#111;
9 background:#0471a4 url(Image/bg.jpg) repeat-x;
10 }
11
12 input, textarea, select{
13 font-family:Tahoma, Arial, Helvetica, sans-serif;
14 font-size:14px;
15 }
16
17 .textbox{
18 -moz-border-bottom-colors: none;
19 -moz-border-image: none;
20 -moz-border-left-colors: none;
21 -moz-border-right-colors: none;
22 -moz-border-top-colors: none;
23 -moz-box-sizing: border-box;
24 background: none repeat scroll 0 0 #FFFFFF;
25 border-color: #C0C0C0 #D9D9D9 #D9D9D9;
26 border-radius: 1px 1px 1px 1px;
27 border-right: 1px solid #D9D9D9;
28 border-style: solid;
29 border-width: 1px;
30 display: inline-block;
31 margin: 0;
32 padding:5px;
33 }
34
35 .textbox:hover, .textarea:hover{
36 -moz-border-bottom-colors: none;
37 -moz-border-image: none;
38 -moz-border-left-colors: none;
39 -moz-border-right-colors: none;
40 -moz-border-top-colors: none;
41 border-color: #0094da #bababa #bababa;
42 border-right: 1px solid #bababa;
43 border-style: solid;
44 border-width: 1px;
45 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
46 }
47
48 .textbox:focus, .textarea:focus{
49 border: 1px solid #0094da;
50 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
51 outline: medium none;
52 }
53
54 .textbox_dangnhap{
55 padding-left:30px;
56 background: url(Image/icon_dangnhap.png) no-repeat left center;
57 }
58
59 .textbox_matkhau{
60 padding-left:30px;
61 background: url(Image/icon_matkhau.png) no-repeat left center;
62 }
63
64 a{
65 color:#1b1b1b;
66 text-decoration:none;
67 }
68
69 a:hover{
70 color:#a0522d;
71 text-decoration:none;
72 }
73
74 .a_quenmatkhau{
75 float:right;
76 padding-right:30px;
77 margin-top:15px;
78 }
79
80 .a_quenmatkhau:hover{
81 text-decoration:underline;
82 }
83
84 img{
85 border:none;
86 }
87
88 /*====================================Button===================================*/
89 .btn{
90 float:left;
91 background-color: #0094da;
92 cursor: pointer !important;
93 color:#FFF;
94 padding:12px 22px;
95 line-height:16px;
96 font-weight:bold;
97 font-size:125%;
98 text-decoration:none;
99 text-align:center;
100 }
101
102 .btn:hover{
103 color:#FFF;
104 background-color:#a0522d;
105 }
106
107 /*==============================BO CUC=======================================*/
108 #content{
109 width:100%;
110 height:auto;
111 }
112
113 .clear{
114 clear:both;
115 }
116
117 .div_content{
118 margin:0 auto;
119 width:1000px;
120 }
121
122 .div_login{
123 float:left;
124 width:518px;
125 margin:120px 0 0 241px;
126 }
127
128 .div_copyright{
129 float:left;
130 width:100%;
131 margin-top:50px;
132 }
133
134 .div_login_top{
135 float:left;
136 width:100%;
137 height:20px;
138 background:url(Image/bg_top.png) no-repeat;
139 }
140
141 .div_login_center{
142 float:left;
143 width:450px;
144 height:310px;
145 padding:0 34px;
146 background:url(Image/bg_center.png) repeat-y;
147 }
148
149 .div_login_bottom{
150 float:left;
151 width:100%;
152 height:20px;
153 background:url(Image/bg_bottom.png) no-repeat;
154 }
155
156
157 .div_title{
158 float:left;
159 width:100%;
160 height:68px;
161 margin:30px 0 20px 0;
162 background:url(Image/title.png) no-repeat;
163 }
164
165 .span_text{
166 margin-left:20px;
167 font-weight:bold;
168 }
169
170 .p_copyright{
171 margin:0;
172 padding:0;
173 color:#FFF;
174 text-align:center;
175 font-size:12px;
176 line-height:18px;
177 }
2 body {
3 padding: 0;
4 margin: 0;
5 height:auto;
6 font-family:Tahoma, Arial, Helvetica, sans-serif;
7 font-size:14px;
8 color:#111;
9 background:#0471a4 url(Image/bg.jpg) repeat-x;
10 }
11
12 input, textarea, select{
13 font-family:Tahoma, Arial, Helvetica, sans-serif;
14 font-size:14px;
15 }
16
17 .textbox{
18 -moz-border-bottom-colors: none;
19 -moz-border-image: none;
20 -moz-border-left-colors: none;
21 -moz-border-right-colors: none;
22 -moz-border-top-colors: none;
23 -moz-box-sizing: border-box;
24 background: none repeat scroll 0 0 #FFFFFF;
25 border-color: #C0C0C0 #D9D9D9 #D9D9D9;
26 border-radius: 1px 1px 1px 1px;
27 border-right: 1px solid #D9D9D9;
28 border-style: solid;
29 border-width: 1px;
30 display: inline-block;
31 margin: 0;
32 padding:5px;
33 }
34
35 .textbox:hover, .textarea:hover{
36 -moz-border-bottom-colors: none;
37 -moz-border-image: none;
38 -moz-border-left-colors: none;
39 -moz-border-right-colors: none;
40 -moz-border-top-colors: none;
41 border-color: #0094da #bababa #bababa;
42 border-right: 1px solid #bababa;
43 border-style: solid;
44 border-width: 1px;
45 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
46 }
47
48 .textbox:focus, .textarea:focus{
49 border: 1px solid #0094da;
50 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
51 outline: medium none;
52 }
53
54 .textbox_dangnhap{
55 padding-left:30px;
56 background: url(Image/icon_dangnhap.png) no-repeat left center;
57 }
58
59 .textbox_matkhau{
60 padding-left:30px;
61 background: url(Image/icon_matkhau.png) no-repeat left center;
62 }
63
64 a{
65 color:#1b1b1b;
66 text-decoration:none;
67 }
68
69 a:hover{
70 color:#a0522d;
71 text-decoration:none;
72 }
73
74 .a_quenmatkhau{
75 float:right;
76 padding-right:30px;
77 margin-top:15px;
78 }
79
80 .a_quenmatkhau:hover{
81 text-decoration:underline;
82 }
83
84 img{
85 border:none;
86 }
87
88 /*====================================Button===================================*/
89 .btn{
90 float:left;
91 background-color: #0094da;
92 cursor: pointer !important;
93 color:#FFF;
94 padding:12px 22px;
95 line-height:16px;
96 font-weight:bold;
97 font-size:125%;
98 text-decoration:none;
99 text-align:center;
100 }
101
102 .btn:hover{
103 color:#FFF;
104 background-color:#a0522d;
105 }
106
107 /*==============================BO CUC=======================================*/
108 #content{
109 width:100%;
110 height:auto;
111 }
112
113 .clear{
114 clear:both;
115 }
116
117 .div_content{
118 margin:0 auto;
119 width:1000px;
120 }
121
122 .div_login{
123 float:left;
124 width:518px;
125 margin:120px 0 0 241px;
126 }
127
128 .div_copyright{
129 float:left;
130 width:100%;
131 margin-top:50px;
132 }
133
134 .div_login_top{
135 float:left;
136 width:100%;
137 height:20px;
138 background:url(Image/bg_top.png) no-repeat;
139 }
140
141 .div_login_center{
142 float:left;
143 width:450px;
144 height:310px;
145 padding:0 34px;
146 background:url(Image/bg_center.png) repeat-y;
147 }
148
149 .div_login_bottom{
150 float:left;
151 width:100%;
152 height:20px;
153 background:url(Image/bg_bottom.png) no-repeat;
154 }
155
156
157 .div_title{
158 float:left;
159 width:100%;
160 height:68px;
161 margin:30px 0 20px 0;
162 background:url(Image/title.png) no-repeat;
163 }
164
165 .span_text{
166 margin-left:20px;
167 font-weight:bold;
168 }
169
170 .p_copyright{
171 margin:0;
172 padding:0;
173 color:#FFF;
174 text-align:center;
175 font-size:12px;
176 line-height:18px;
177 }